<style type="text/css">
h4.alrt.sub-title {
    padding-bottom: 3px;
    border-bottom: 1px dashed #e5e5e5;
}
</style>
<div ng-controller="alertController">
	<div class="alert alert-info">
        <p>警告指令，接受2个参数，msg, type。</p>
        <p>msg:字符串类型，警告显示语句。</p>
        <p>type:字符串类型，警告类型，可选范围：alert-success,alert-info,alert-warning,alert-danger。</p>
        <br/>
        <p><strong>警告指令接受的是简单型提示语句，如果提示语句比较复杂，可直接复制指令中的html代码进行使用。</strong></p>
    </div>
    <h4 class="alrt sub-title">展示</h4>

	<sc-alert ng-repeat="alert in alerts" type="alert.type" msg="alert.msg"></sc-alert>

<h4 class="alrt sub-title">选项</h4>
<div class="form-group">
  <label>警告类型</label>
  <select class="form-control" ng-model="type" ng-options="type for type in types" required>
    <option value="">-- 请选择类型 --</option>
  </select>
</div>
<div class="form-group">
  <label>警告内容</label>
  <input type="text" class="form-control" ng-model="msg" required/>
</div>
<button class="btn btn-default" ng-click="addAlert()">添加警告</button>

</div>
